import { Avatar, Col, Row, Typography } from 'antd'
import React from 'react'

function PlatformBasicInfo() {
  return (
    <>
      <Row>
        <Col span={3}>
          <Avatar
            src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
            size={64}
          />
        </Col>
        <Col span={7} className="base-info">
          <span>
            用户ID：<span>1001903813331</span>
          </span>
          <span>
            用户昵称：<span>张三</span>
          </span>
        </Col>
        <Col span={7} className="base-info">
          <span>
            注册渠道：<span>小程序</span>
          </span>
          <span>
            注册时间：<span>2022-12-11 14:00</span>
          </span>
        </Col>
        <Col span={7} className="base-info">
          <span>
            账户状态：<span>活跃</span>
          </span>
          <span>
            会员等级：<span style={{ color: '#FF0000' }}>黄金</span>
          </span>
        </Col>
      </Row>
      <Typography.Title className="base-info-bg" level={5}>
        基础信息
      </Typography.Title>
      <Row>
        <Col span={7} className="base-info">
          <span>
            真实姓名：<span>张三</span>
          </span>
          <span style={{ marginBottom: 12 }}>
            联系方式：<span>18912345678</span>
          </span>
          <span>
            婚姻：<span>已婚</span>
          </span>
        </Col>
        <Col span={10} className="base-info">
          <span>
            性别：<span>男</span>
          </span>
          <span style={{ marginBottom: 12 }}>
            常用地址：<span>北京市海淀区中鼎大厦</span>
          </span>
          <span>
            邮箱：<span>zhangsan@sina.com</span>
          </span>
        </Col>
        <Col span={7} className="base-info">
          <span>
            生日：<span>1998-12-31</span>
          </span>
          <span>
            职业：<span>程序员</span>
          </span>
        </Col>
      </Row>
      <Typography.Title className="base-info-bg" level={5}>
        平台属性
      </Typography.Title>
      <Row>
        <Col span={7} className="base-info">
          <span>
            注册日期：<span>2022-11-08 14:00</span>
          </span>
          <span>
            激活日期：<span>2022-11-11 11:00</span>
          </span>
        </Col>
        <Col span={10} className="base-info">
          <span>
            最近登录时间：<span>2022-11-11 14:00</span>
          </span>
          <span>
            用户来源：<span>好友邀请</span>
          </span>
        </Col>
      </Row>
    </>
  )
}

export default PlatformBasicInfo
